<template>
  <div class="home">
    <img alt="Vue logo" src="../assets/logo.png" />
    <HelloWorld msg="Welcome to Your Vue.js + TypeScript App" />
    <el-button type="success">element-plus按钮</el-button>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
// import { ElButton } from 'element-plus'
// import axios from 'axios'
import HelloWorld from '@/components/HelloWorld.vue' // @ is an alias to /src

import { getUserList } from '@/service/http'
export default defineComponent({
  name: 'Home',
  components: { HelloWorld },
  setup() {
    getUserList().then((res) => {
      console.log(res)
    })

    // axios.get(url);
    // axios.post();
    // axios.request({url:'xxxx',method:'get'})

    // axios.create({
    //   baseURL: 'xxx',
    //   timeout: 5000
    // })
    // axios.defaults.baseURL='xxxx'
    // axios.defaults.timeout=50000
    // axios.defaults.headers['Authrethen']='Beare '+'xxxxxhfjdhjfhdj'

    // 请求拦截器
    // axios.interceptors.request.use(
    //   (config) => {
    //     //  config.headers.token='xxxxx'

    //     //  logding();

    //     return config
    //   },
    //   (err) => {
    //     console.log('请求失败')
    //     return err
    //   }
    // )

    //响应拦截器
    // axios.interceptors.response.use(
    //   (res) => {
    //     //
    //     if (res.status == 200) {
    //       return res.data // {data:{code:xxxx,data:{},msg:'成功'}}
    //     } else {
    //       switch (res.status) {
    //         case 300:
    //           console.log('重定向出差')
    //           break
    //         case 400:
    //           console.log('请求资源不存在')
    //           break
    //         case 500:
    //           console.log('服务器内部出错')
    //           break
    //         default:
    //           console.log('其它错误')
    //       }
    //       return res
    //     }
    //   },
    //   (err) => {

    //   }
    // )

    // Promise.all([axios.get(),axios.get()]).then(res=>{
    //   console.log(res);// [res,res]
    // })
  }
})
</script>
